<template>
  <a-card title="我的发票">
    <a-tabs>
      <a-tab-pane key="1" tab="全部"></a-tab-pane>
      <a-tab-pane key="2" tab="已开票"></a-tab-pane>
      <a-tab-pane key="3" tab="开票中"></a-tab-pane>
      <a-tab-pane key="4" tab="待审核"></a-tab-pane>
      <a-tab-pane key="5" tab="已审核"></a-tab-pane>
      <template slot="tabBarExtraContent">
        <a-input-search placeholder="商品名称/订单编号" style="width: 250px" />
      </template>
    </a-tabs>
    <div class="table-operator">
      <a-empty>
        <span slot="description"> 暂无发票~~ </span>
      </a-empty>
    </div>
  </a-card>
</template>

<script>
export default {
  name: 'InvoiceList'
}
</script>

<style scoped>
/deep/ .ant-tabs-nav .ant-tabs-tab-active {
  color: #f00
}
/deep/ .ant-tabs-ink-bar {
  height: 1px;
  background: #f00;
}
/deep/ .ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  padding: 5px 8px;
}
/deep/ .ant-table-thead > tr > th {
  text-align: center;
}
</style>
